<template>
  <div>
    <van-nav-bar
      title="我的收藏"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="text">
      <van-field
        v-model="message"
        rows="10"
        autosize
        type="textarea"
        placeholder="请在这里输入您的反馈"
      />
    </div>
    <van-button type="default" size="large" color="#f8f8f8" @click="submit"
      >提交</van-button
    >
  </div>
</template>

<script>
import Vue from "vue";
import { Tab, Tabs, Sticky, NavBar, Field, Button, Toast } from "vant";
Vue.use(NavBar);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Sticky);
Vue.use(Field);
Vue.use(Button);
Vue.use(Toast);
export default {
  data() {
    return {
      message: "",
    };
  },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
    submit() {
      Toast(this.message);
    },
  },
};
</script>

<style lang="stylus" scoped>
.nav
  position sticky
  top 0
  height 0.45rem
  text-align center
  line-height 0.45rem
  background-color white
  h1
    font-size 0.16rem
    font-weight 400
.text
  border-top 1px solid #e4e4e4
  border-bottom 1px solid #e4e4e4
.van-button__text
  color #000
</style>
